@import './common';

/*奖金池组件*/
.awardBox{
	text-align: center;
	background: $otherBgWin;
	padding: setSize(40) setSize(36);
	margin: 0 setSize(30);
	border-radius:setSize(20);
	.title{
		/*background: #ddd;*/
		/*height: setSize(60);*/
		font-size: setSize(40);
		font-weight: bold;
		position: relative;
		.title_content{
			display: inline-block;
			background: $otherBgWin;
			position: relative;
			z-index: 5;
			padding: 0 setSize(10);
		}
		.title_line{
			position: absolute;
			top:50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			   -moz-transform: translate(-50%,-50%);
			    -ms-transform: translate(-50%,-50%);
			     -o-transform: translate(-50%,-50%);
			        transform: translate(-50%,-50%);
			@include gradientLine(600 ,6,to right);
		}
	}
	.amount{
		color: $mainColor;
		font-size: setSize(64);
		font-weight: bold;
		margin-top: setSize(20);
		margin-bottom: setSize(20);
	}
	.apply{
		font-size: setSize(24);
		margin-bottom: setSize(60);
		.apply_num{
			color: $mainColor;
			margin: 0 setSize(8);
		}
	}
	.award_btn{
		height: setSize(96);
		font-size: setSize(34);
		line-height: setSize(96);
		border-radius: setSize(48);
		background: $mainColor;
	}
	.award_fail_btn{
    height: setSize(96);
		font-size: setSize(34);
		line-height: setSize(96);
		border-radius: setSize(48);
		background: $bgWin;
		color: #fff;
	}
	.fail_note{
		font-size: setSize(28);
		margin-top: setSize(24);
	}
	.award_interval{
		margin-top: setSize(60);
		font-size: setSize(28);
		.time_box{
			display: inline-block;
			width: setSize(48);
			height: setSize(48);
			text-align: center;
			line-height: setSize(48);
			color: $mainColor;
			background: #4D4D4D;
			border-radius: setSize(8);
			margin-right: setSize(10);
		}
	}
	.data_num{
	  font-size: setSize(42);
	  color: $mainColor;
	  margin: 0 setSize(10);
  }
	.challenge_day,.finish_data,.challenge_result{
		text-align: left;
		display: flex;
		justify-content: center;
		font-size: setSize(24);
	}
	.result_line{
		@include gradientLine(2,60,to bottom);
		margin: 0 setSize(30);
	}
	.day_left,.finish_left{
		text-align: right;
	}
	.day_line{
		@include gradientLine(2,60,to bottom);
		margin: 0 setSize(65);
	}
	.finish_line{
		margin: 0 setSize(20);
	}
	.finish_data .data_num{
    margin: 0;
  }
  .finish_main{
  	margin-top: setSize(34);
  	.divider{
  		margin:0 auto setSize(14);
    	@include gradientLine(630,2,to right);
    }
    .check_wallet{
    	font-size: setSize(24);
    	color: $mainColor;
    	margin-top: setSize(24);
    	text-decoration: underline;
    }
  }
}
/*用户列表组件*/
.applyListBox{
	background: $otherBgWin;
	height: setSize(200);
	padding: setSize(22) setSize(36) setSize(28);
	margin: 0 setSize(30);
	border-radius:setSize(20);
	display: flex;
	font-size: setSize(20);
	box-sizing: border-box;
	image{
		width: setSize(90);
		height: setSize(90);
		border-radius: 50%;
		background: #fff;
	}
	.apply_left{
		text-align: center;
	}
	.apply_center{
		margin: 0 setSize(32) 0 setSize(30);
		@include gradientLine(2,160,to bottom);
	}
	.apply_name{
		margin-bottom: setSize(20);
	}
	.user_head_list{
		height: setSize(90);
		position: relative;
		image,.img_more{
			position: absolute;
      top: 0;
      border:1px solid #ddd;
      z-index: 9;
			/*margin-left: setSize(15);*/
		}
		.img_more{
			width:setSize(95);
			height:setSize(95);
      background:#4D4D4D;
      border:1px dashed #979797;
      border-radius: 50%;
			z-index: 1;
      display: flex;
      align-items: center;
      justify-content: center;

			.circle{
        width: setSize(10);
        height: setSize(10);
        background: #fff;
        border-radius: 50%;
        margin: 0 setSize(5);
			}
		}
	}
}
/*挑战赛规则标题*/
.rules_title{
  line-height: setSize(86);
  text-align: center;
  position: relative;
  .rules_title_line{
  	position: absolute;
  	top: 50%;
  	left: 50%;
  	-webkit-transform: translate(-50%,-50%);
  	   -moz-transform: translate(-50%,-50%);
  	    -ms-transform: translate(-50%,-50%);
  	     -o-transform: translate(-50%,-50%);
  	        transform: translate(-50%,-50%);
  	@include gradientLine(250,3,to right);
  }
  .rules_title_detail{
  	display: inline-block;
  	position: relative;
  	z-index: 3;
  	background: $otherBgWin;
  	padding: 0 setSize(20);
  }
}
/*挑战规则组件*/
.challenge_rules{
	font-size: setSize(26);
  background: $otherBgWin;
	padding: 0 setSize(30) setSize(36); 
	margin: 0 setSize(30);
	border-radius:setSize(20);
	border-top: setSize(10) solid rgba(77,77,77,0.4);
	.rules_main{
		border-radius:setSize(10); 
		background: $bgWin;
		.rules_main_item{
			color: $mainColor;
			height: setSize(100);
			line-height: setSize(100);
			display: flex;
			align-items: center;
			border-bottom: 1px solid $thirdBgWin;
			.item_name{
				width: setSize(254);
				font-size: setSize(30);
				text-align: center;
				border-right: 1px solid $thirdBgWin;
			}
			.item_detail{
				flex-grow: 1;
				padding-left: setSize(80);
			}
		}
	}
}
/*活动规则以及二维码*/
.active_rule_box{
	text-align: center;
	font-size: setSize(26);
	padding: setSize(50) setSize(30) setSize(60); 
	.rules_title{
		line-height: 1;
		margin-bottom: setSize(26);
		.rules_title_detail{
		  background: $bgWin;
	  }
	}
	.rules_detail{
		text-align: left;
    font-size: setSize(24);
    line-height: 2;
	}
	.qcode{
		display: block;
		width: setSize(120);
		height: setSize(120);
		background: #fff;
		margin: setSize(80) auto setSize(12);
	}
	.create_challenge{
		margin: setSize(30) 0 setSize(60);
		color: $mainColor;
	}
	.link{
		font-size: setSize(26);
		line-height: 1.5;
		color: $mainColor;
		display: inline-block;
		padding: 0;
		background:none;
		border-radius: 0;
		border-bottom: 1px solid $mainColor;
	}
}
/*广播组件*/
.broadcast{
	/*min-width: setSize(430);*/
	/*width: auto;*/
  height: setSize(52);
  line-height: setSize(52);
  border-radius: setSize(52);
  background:rgba(31,31,31,0.5);
  display: flex;
  align-items: center;
  padding: 0 setSize(30) 0 setSize(20);
  box-sizing: border-box;
  font-size: setSize(24);
  .horn{
  	width: setSize(38);
  	margin-right: setSize(20);
  }
  .broadcast_swiper{
  	flex-grow: 1;
  	height: 100%;
  	swiper{
  		height: 100%;
  	}
  }
  .swiper-item{
  	display: flex;
  	.user_box{
  		flex-grow: 1;
  		.user_name{
  			color: $mainColor;
  		}
  	}
  }
}
/*挑战结果模块*/
.match_result_box{
	font-size: setSize(26);
  background: $otherBgWin;
	margin: 0 setSize(30);
	border-radius:setSize(20);
	text-align: center;
	.result_success{
		padding: setSize(44) 0 setSize(24);
		.result_name{
			font-size: setSize(34);
			font-weight: bold;
		}
		.result_amount{
			font-size: setSize(81);
			font-weight: bold;
			color: $mainColor;
			margin: setSize(62) 0 setSize(26);
		}
		.result_btn{
			width: setSize(360);
			height: setSize(86);
			line-height: setSize(86);
			font-size: setSize(34);
			font-weight: bold;
			border-radius: setSize(86);
			background: $mainColor;
		}
		.result_check{
			color: $mainColor;
			text-decoration: underline;
			margin-top: setSize(42);
		}
	}
	.result_fail{
		font-size: setSize(34);
		line-height: 2;
		padding: setSize(76) 0 setSize(40);
		.fail_img{
			width: setSize(223);
		}
	}
}

/*财务公示*/
.financial_border{
	padding: setSize(20);
	background: rgba(77, 77, 77, 0.55);
	/*background: rgba(255, 255, 255, 0.15);*/
	border-radius:setSize(20);
	margin: 0 setSize(30);
}
.financial_box{
	position: relative;
	font-size: setSize(26);
	padding: setSize(20) 0 setSize(45);
	background: $otherBgWin;
	border-radius:setSize(20);
	.financial_title{
		font-size: setSize(34);
		text-align: center;
		margin-bottom: setSize(34);
	}
	.financial_list{
		position: relative;
		left: 50%;
		display: inline-block;
		-webkit-transform: translateX(-50%);
		   -moz-transform: translateX(-50%);
		    -ms-transform: translateX(-50%);
		     -o-transform: translateX(-50%);
		        transform: translateX(-50%);
	}
	.data_detail{
		font-size: setSize(34);
		color: $mainColor;
		margin: 0 setSize(10);
	}
	.financial_list_title{
    font-size: setSize(34);
	}
	.financial_item{
		display: flex;
		align-items: center;
		margin-top: setSize(16);
		.list_serial{
			font-size: setSize(20);
			display: inline-block;
			width: setSize(26);
			height: setSize(26);
			text-align: center;
			line-height: setSize(26);
			border-radius: 50%;
			background: $mainColor;
			color: $bgWin;
			margin-right: setSize(10);
		}
	}
	.last{
		font-size: setSize(26);
		margin-top: setSize(26);
	}
	.challenge_day{
		display: flex;
		justify-content: center;
		font-size: setSize(24);
		margin-top: setSize(26);
		.day_left{
			text-align: right;
		}
		.day_center{
			@include gradientLine(2,60,to bottom);
			margin: 0 setSize(65);
		}
		.data_num{
			font-size: setSize(42);
			color: $mainColor;
			margin-left: setSize(10);
		}
	}
	.get_detail_btn{
		font-size: setSize(24);
		color: $mainColor;
		text-align: center;
		text-decoration: underline;
		margin-top: setSize(30);
	}

	.nail_left,.nail_right{
    position: absolute;
    top: setSize(10);
    width: setSize(20);
    height: setSize(20);
    text-align: center;
    line-height: setSize(20);
    border-radius: 50%;
    color: $otherBgWin;
    background: $mainColor;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);
	}
	.nail_left{
		left: setSize(10);
	}
	.nail_right{
		right: setSize(10);
	}
}